草庐IT

css - 使 div 可滚动

全部标签

滚动后的Javascript粘性div

对于这里的许多人来说,这个问题可能很愚蠢。我在纯JS滚动后制作粘性div。有些人可能会建议在jQuery中制作它,但我对此不感兴趣。我需要的是类似于this的东西.这里div一直移动到顶部,但我需要它有60px顶部。我制作了一个脚本,但它不起作用。谁能帮我解决这个问题?这是我的代码。HTMLCSS#left{float:left;width:100px;height:200px;background:yellow;}#right{float:right;width:100px;height:1000px;background:red;margin-top:200px;}JSwindow

javascript - 如何从 div id 小到最大数字开始 .each?

我如何使“.each”从divid小数字“1”开始到大数字“5”...1/2/3/4/5假设我有这个divTID5TID4TID3TID2TID1我有这个jquery我正在使用什么,但是从第一个div类ID号“5”开始,但我需要从数字1开始......$("div[class*='TID_']").each(function(){//codeiscomehere...}); 最佳答案 尝试$("div[class*='TID_']").sort(function(e1,e2){return$(e1).attr('class')>$(

javascript - 有没有办法在 IE8 中隐藏滚动条?

请问有没有办法让IE8不出现滚动条?我有一个完整的空.html网站并将其加载到IE8中,并且出现了滚动条。我已经在网上搜索了一段时间,但找不到任何提示。它可以用CSS解决还是我需要Javascript?非常感谢每一个提示。 最佳答案 您可以使用CSSoverflow隐藏滚动条的属性:html,body{overflow:hidden;} 关于javascript-有没有办法在IE8中隐藏滚动条?,我们在StackOverflow上找到一个类似的问题: http

javascript - jQuery/AJAX - 单击按钮时将内容加载到 div 中?

有人可以帮忙吗?我想填充一个div例如使用来自外部文件的内容,例如/includes/about-info.html当单击具有特定类别的按钮时,例如ClickHere是否有人可以向我展示实现此目的的快速代码示例? 最佳答案 使用jQuery.click和jQuery.load:$(document).ready(function(){$('.classloader.').click(function(){$('#contenthere').load('/includes/about-info.html');});})

javascript - 重新创建 CSS3 过渡 Cubic-Bezier 曲线

在CSS3过渡中,您可以将计时函数指定为'cubic-bezier:(0.25,0.3,0.8,1.0)'在该字符串中,您只需为曲线上的点P1和P2指定XY,因为P0和P3始终分别为(0.0,0.0)和(1.0,1.0)。根据Apple的网站:x[is]表示为总持续时间的分数,y表示为总变化的分数我的问题是如何将其映射回javascript中的传统一维T值?--FromAppledocsonanimatingwithtransitions 最佳答案 稍微浏览一下webkit-source,以下代码将为CSS3过渡中使用的隐式曲线提供

javascript - 滚动 div 后如何将 Bootstrap 导航栏固定到顶部?

我试图让带有Bootstrap的导航栏出现在某个名为“A”的div之后。div"a"位于页面顶部,高度约为400px。一旦用户滚动过div“a”和滚动条,我希望滚动条保持在顶部。类似于这样的东西:https://www.facebook.com/home但我在顶部没有视频,它是一张图片。我们可以selfBootstrap吗?谢谢! 最佳答案 如果您想使用Twitter的Bootstrap实现此目的,请查看“Affix”js。您使用“data-offset-top”定义“固定”点,然后当用户向下滚动时,导航栏将固定在顶部。CSS:#c

javascript - 延迟一段时间后更改 div 的类

我想在页面加载后10秒向div元素(id="one")添加一个类,而无需悬停或单击任何内容等。我尝试了以下代码,但它不起作用:$(document).ready(function(){$('#one').delay(10000).addClass("grow")});知道上面的代码哪里出错了吗? 最佳答案 delay方法向动画队列中添加一个元素,但由于addClass不是动画效果,因此不会放入队列中,它会立即生效。可以使用queue方法将代码放入动画队列中,使其在延迟后运行:$('#one').delay(10000).queue(

javascript - 为什么我不能在 Javascript 中滚动循环?

我正在开发一个使用dojo的网页,上面有许多项目小部件(在我的测试用例中为6,但通常是可变的)。我正在调用dojo.addOnLoad(init),在我的init()函数中有这些行:dojo.connect(dijit.byId("project"+0).InputNode,"onChange",function(){makeMatch(0);});dojo.connect(dijit.byId("project"+1).InputNode,"onChange",function(){makeMatch(1);});dojo.connect(dijit.byId("project"+2

javascript - 使用 CSS 的流体布局

我注意到在一些使用流动布局的网站上,可以删除页面上的元素并在窗口缩小到较小尺寸时替换元素,显然是为了使内容更易于查看。例如:http://simplebits.com/我的问题是..使用什么css来实现这一点(如果是css,也许是JavaScript..)?我应该看什么才能更多地了解这项技术?谢谢! 最佳答案 当屏幕宽度小于800像素时,样式表包含不同的规则。如果您查看页面的样式表,第983行有一个@media规则,如下所示:@mediascreenand(max-width:800px){/*Alternateruleshere*

javascript - 在 iOS Safari 中禁用过度滚动

如何防止SafariiOS中的过度滚动?我会使用触摸手势在网站上导航,但我不能。我试过这个:$(window).on('touchstart',function(event){event.preventDefault();});但是通过这种方式我禁用了所有手势,事实上我无法通过捏合和捏合进行缩放。有什么解决办法吗?谢谢。 最佳答案 这种方式将允许可滚动元素,同时仍然防止浏览器本身过度滚动。//usesdocumentbecausedocumentwillbetopmostlevelinbubbling$(document).on('